<template>
	<u-number-box v-model="value" min="1">
		<view slot="minus" class="minus">
			<u-icon name="minus" size="12" color="#707070"></u-icon>
		</view>
		<text slot="input" class="input">{{value}}</text>
		<view slot="plus" class="plus">
			<u-icon name="plus" size="12" color="#707070"></u-icon>
		</view>
	</u-number-box>
</template>

<script>
	export default {
		props:['values'],
		name:"NumberBox",
		data() {
			return {
				value:1
			};
		},
		watch:{
			value(a){
				this.$emit('values',a)
			}
		}
	}
</script>

<style scoped lang="scss">
    @import '@/libs/PublicStyle.scss';
	@import "./Encapsulation.scss";
</style>